/* reset */
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin: 0;padding: 0;}
body {font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑",STHeiti,MingLiu;font-size: 14px;color: #434343;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x: hidden;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
a:hover{color: #4562ac;}
/* 公用 */
.i_inner{width: 1440px;margin: auto;}
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fl{float: left;}
.fr{float: right;}
.rel { position: relative; }
.abs { position: absolute; }
.fid { position: fixed; }
.flex{display: flex;}
.block{display: block;height: 100%;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.inputreset{outline: none}
.text_ov{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.i_clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
a.linkstyle:hover{background: #DA251C;color: #ffff;border: 1px solid #DA251C;}
p.line4{line-height: 21px; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.scale1_1{transition: all .5s;}
.scale1_1:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
 /* 版权图片切换 */
.weiling,.wangshang{display: inline-block;}
.i_ny_footer li{display: inline-block;}
.i_ny_footer li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.i_ny_footer li span{display: inline-block;float: left;line-height: 30px;font-size: 14px;}
.weiling{width:120px;height:18px;background: url(../images/weiling.png) no-repeat center center;background-size: 100%, 100%;}
.weiling:hover{background: url(../images/weiling_hover.png) no-repeat;background-size: 100%, 100%}
.wangshang{width:113px;height:22px;background: url(../images/wangshang.png) no-repeat;background-size: 100%, 100%;}
.wangshang:hover{background: url(../images/wangshang_hover.png) no-repeat;background-size: 100%, 100%}
/* 主页头部 */
.i_header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;padding-top: 30px;}
.gs_logo .gs_logo_right{padding-left: 20px;}
.gs_logo .gs_logo_right h3{font-size: 21px;color: #fff;padding-top: 15px;font-weight: normal;letter-spacing: 3px;}
.gs_logo .gs_logo_right p{font-size: 12px;color: #fff;padding-bottom: 15px;}
/* 主页banner */
/* .fp-slidesNav.bottom{bottom: 80px;} */
/* #fp-nav ul li a span, .fp-slidesNav ul li a span{width: 8px;height: 8px;border: 3px solid #fff;opacity: 1;background: transparent;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #fff;} */
/* .section1 .slide{position: relative;overflow: hidden;}
.section1 .slide img{display: block;width: 100%;height: 100%;} */
#fp-nav{right:20px;}
.swiper-container{height: 100%;}
.section1 .i_banner_title{position: absolute;left: -800px;z-index: 3;top: 330px;}
.section1 .slide_th{left: 414px;;}
.section1 .i_banner_title h2{line-height: 96px;color: #fff;font-size: 60px;}
.section1 .i_banner_title p{line-height: 48px;color: #fff;font-size: 22px;}
.i_banner_msg{position: absolute;bottom: 8%;right: 10.1%;color: #fff;text-align: right;}
.i_banner_msg .i_banner_msg_left{border-right: 1px solid #fff;padding-right: 8px;margin-right: 8px;font-size: 24px;}
.i_banner_msg p{line-height: 1.1;}
.fp-controlArrow.fp-prev{display: none;}
.fp-controlArrow.fp-next{display: none;}

.swiper-pagination{left: 0;right: 0;margin: auto;bottom: 8%;display: inline-block;width: 62px;}
.swiper-pagination span{width: 8px;height: 8px;border: 3px solid #fff;opacity: 1;background: transparent;margin-right: 10px;}
.swiper-pagination span:last-child{margin-right: 0;}
.swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
/* 侧边栏 */
.i_slider_nav{position: fixed;left: 34px;top: 220px;width: 134px;z-index: 100;}
.i_slider_nav li{width: 130px;border: 2px solid rgba(76,137,201,.5);border-radius: 5px;background: rgba(55,74,107,.5);margin-bottom: 10px;position: relative;}
.i_slider_nav li:last-child{margin-bottom: 0;}
.i_slider_nav li.active{background: rgba(36,153,235,.5);border:2px solid rgba(0,104,183,.5)}
.i_slider_nav li a{display: block;color: #fff;text-align: center;line-height: 46px;}
.i_slider_nav li .i_slider_right{position: absolute;right: -100px;top: -2px;display: none;height: auto;}
.i_slider_nav li:hover{background: rgba(36,153,235,.5);border: 2px solid  rgba(0,104,183,.5)}
.i_slider_nav li:hover .i_slider_right{display: block;width: 100px;}
.i_slider_right{top: 0;height: 100%;}
.i_slider_right a{display: block;background: rgba(55,74,107,.5);border: 2px solid rgba(76,137,201,.5);width: 160px;margin-bottom: 10px;}
.i_slider_right a:hover{background: #427097;}
/* 第二 */
.section2{background: url(../images/section2.jpg) no-repeat;background-size: 100% 100%;}
.i_brief{position:absolute;left:0;right:0;top:30%;width: 1000px;margin: auto;text-align: center;display: none;}
.i_brief h2{font-size: 48px;color:#fff;line-height: 60px;margin-bottom: 22px;}
.i_brief p{font-size: 16px;line-height: 34px;color: #fff;}
.i_brief span{display: inline-block;margin: auto;width: 30px;height: 4px;background: #fff;margin-bottom: 20px;}
.more_btn_box{position: absolute;bottom: -176px;left: 0;right: 0;width: 116px;height: 34px;margin: auto;}
.more_btn{ display: block; width: 86px; height: 22px; border:1px solid #fff; color: #fff; text-align: center; line-height: 22px; padding: 6px 10px 6px 14px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.more_btn img{display: inline-block;float: left;height: 22px;}
.more_btn:hover{ border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; color: #fff;}
.hint{width: 28px;height: 44px;margin: auto;position: absolute;bottom: 70px;left: 0;right: 0;
    -webkit-animation: breathe 2000ms infinite alternate;
    -ms-animation: breathe 2000ms infinite alternate;
    -o-animation: breathe 2000ms infinite alternate;
    animation: breathe 2000ms infinite alternate;
    transition: all .5s;
    display: none;
}
.hint ul{width: 28px;top: 14px;}
.hint ul li{display: inline-block;width: 6px;height: 6px;background: #fff;border-radius: 50%;}
.hint ul.left{position: absolute;left: 35px;}
.hint ul.right{position: absolute;right: 35px;}
/* .hint img{position: absolute;left: 0;right: 0;top: 0;} */



/* 第三 */
.section3{background: url(../images/section3_02.jpg) no-repeat;background-size: 100% 100%;}
.project_list{width: 1200px;margin: auto;}
.project_list h2{text-align: center;color: #fff;font-size: 36px;color: #fff;margin-bottom: 25px;}
.project_list_title span{display: block;width:30px;height: 3px;background: #fff;margin: auto;}
.project_list ul li{width: 10%;padding:0 3.33%;position: relative;height: 460px;overflow: hidden;float: left;}
.project_list ul li a {color: #fff;font-size: 18px;display: block;position: relative;height: 100%;z-index: 2;padding-top: 34px;box-sizing: border-box;overflow: hidden;}
.project_list ul li a p{writing-mode: vertical-lr;writing-mode: tb-lr;margin: auto;width: 22px;}
.project_list ul li a img.icon{display: block;margin:0 auto 35px;}
.project_list ul li a span{position:absolute;bottom:60px;left:0;right:0;display: block;width: 40px;height: 40px;background: #2499eb;margin: auto;text-align: center;border-radius: 50%;text-align: center;padding: 5px;box-sizing: border-box;}
.project_list ul li a span img{display: block;width: 30px;height: 30px;}
.project_list ul li a .bg{position: absolute;left: -200px;top: 0;width: 100%;height: 100%;z-index: -1;transition: all 0.8s ease 0s;}
.project_list ul li.on a .bg{left: 0;}
.project_list ul li.on a .bg img{display:block;width: 100%;height: 100%;}
.project_list ul li:hover a .bg{left: 0;}
.project_list_title{margin-bottom: 38px;}
/* 第四 */
.section4{background: url(../images/section4_bg.jpg) no-repeat;background-size: 100% 100%;}
.i_section4_btn{width: 602px;margin: 30px auto;}
.i_section4_btn li{width: 195px;height: 195px;border-radius: 50%;overflow: hidden;margin-right: 140px;float: left;border: 18px solid rgba(255,255,255,.5);transition: all .5s;}
.i_section4_btn li a{display: block;width: 195px;height: 195px;text-align: center;font-size: 18px;background: #fff;padding-top: 50px;box-sizing: border-box;transition: all .5s;}
.i_section4_btn li img{margin-bottom: 10px;}
.i_section4_btn li P{color: #50a6e8;}
.i_section4_btn li:last-child{margin-right: 0;}
.i_section4_btn li:hover{border: 18px solid rgba(80,166,232,.5)}
.i_section4_btn li:hover a{background: #50a6e8;}
.i_section4_btn li:hover a P{color: #fff;}


/* 第五 */
.section5_top{background: url(../images/section5_bg_01.jpg) no-repeat;background-size: 100% 100%;height: 55%;padding-top: 200px;box-sizing: border-box;position: relative;}
.section5_top .more_btn{position: static;margin-top: 45px;transition: all .5s;}
.section5_top .i_brief{position: static;}
.section5_bot{height: 45%;background: #f2f2f2;padding-top: 60px;box-sizing: border-box;}
.section5_bot .warp{width: 1272px;margin: auto;}
.Seamless_three{ overflow:hidden; position:relative;width: 100%;}
.Seamless_three .hd{ width:100%;position: absolute;left: 0;top: 78px;}
.Seamless_three .hd .prev,.Seamless_three .hd .next{ display:block;overflow:hidden;cursor:pointer;width: 46px;height: 46px;}
.next{background: url(../images/arrow_btn_left.png) no-repeat center;float: left;}
.prev{background: url(../images/arrow_btn_right.png) no-repeat center;float: right;}
.Seamless_three .bd{width: 1100px;margin: auto;}
.Seamless_three .tempWrap{width: 100%;}
.Seamless_three .bd ul{ overflow:hidden; zoom:1; }
.Seamless_three .bd ul li{ float:left; _display:inline; overflow:hidden;padding-right:11px;width: 268px;}
.Seamless_three .bd ul li .pic a{position: relative;display: block;font-size: 14px;text-align: center;}
.Seamless_three .bd ul li .pic a p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Seamless_three .bd ul li .pic .img_box{border: 1px solid #bfbfbf;background: #fff;box-sizing: border-box;padding: 10px 0;}
/* padding:12px */
.Seamless_three .bd ul li .pic .img_box img{display:block;width: 238px;height: 174px;margin: auto;}
.Seamless_three .bd ul li .title{ line-height:24px;}
.Seamless_three .bd a .classify_text{line-height: 38px;}
/* 第六 */
.section6{background: url(../images/section6_bg.jpg) no-repeat;background-size: 100% 100%;}
.section6 .i_brief{position: static;}
.slideGroup{ text-align:center;}
.slideGroup .parHd{margin:45px 0; position:relative;  }
.slideGroup .parHd ul{ display: flex;justify-content: center;}
.slideGroup .parHd ul li{ float:left; cursor:pointer;margin-right: 24px;width: 136px;height: 40px;border: 1px solid #fff;color: #fff;line-height: 40px;border-radius: 20px;}
.slideGroup .parHd ul li.on{ background: #2499eb;border:1px solid #2499eb;}
.slideGroup .parHd ul li:last-child{margin-right: 0;}
.slideGroup .slideBox{ zoom:1;position:relative; }

.douban .hd ul{  margin:46px auto 0; zoom:1;display: inline-block; }
.douban .hd ul li{ float:left; cursor:pointer; display:block; width:40px; height:5px; margin-right:22px; _display:inline;background: #fff;border-radius: 5px;}
.douban .hd ul li:last-child{margin-right: 0;}
.douban .hd ul li.on{background: #2499eb;}

.douban{ width:1200px;overflow:hidden;overflow: hidden;margin: auto;}
.douban .bd ul{ overflow:hidden; zoom:1;}
.douban .bd ul li{ float:left; width:372px; margin-right:40px;border: 1px solid #d3d3d3;background: #fff;}
.douban .bd ul li a{display: block;padding: 40px;box-sizing: border-box;}
.i_card{text-align: left;}
.i_card h3{font-size: 18px;line-height: 30px;border-bottom: 1px solid #e3e3e3;padding-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_card p{font-size: 14px;color: #999999;line-height: 24px;margin-top: 10px;}
.i_card .i_card_bot{margin-top: 28px;height: 30px;}
.i_card .i_card_bot .i_card_bot_icon{width: 28px;border: 1px solid #cfcfcf;height: 28px;line-height: 23px;text-align: center;float: left;}
.i_card .i_card_bot span{float: right;display: inline-block;line-height: 30px;}

.section7{background: url(../images/section7_bg.jpg) no-repeat;background-size: 100% 100%;}
.m_map{position: absolute;top: 60px;left: 0;right: 0;margin: auto;width: 989px;height: 724px;/* background: url(../images/ditu.png) no-repeat;background-size: 100% 100%*/;margin: auto;}
.mp{width: 50px;}
.m_map_1{position: absolute;display: inline-block;text-align: center;top: 300px;left: 720px;}
.m_map_icon{display: block;margin: auto;}
.m_map_2{position: absolute;display: inline-block;text-align: center;top: 296px;left: 680px;}
.m_map_3{position: absolute;display: inline-block;text-align: center;top: 461px;left: 711px;}
.m_map_4{position: absolute;display: inline-block;text-align: center;top: 618px;left: 618px;}
.m_map_5{position: absolute;display: inline-block;text-align: center;top: 490px;left: 520px;}
.m_map_6{position: absolute;display: inline-block;text-align: center;top: 518px;left: 606px;}
.m_map_7{position: absolute;display: inline-block;text-align: center;top: 411px;left: 691px;}
.js_site{position: absolute;right: -200px;top: 500px;color: #fff;}
.js_site h3{line-height: 50px;border-bottom: 1px solid #fff;font-size: 22px;}
.js_site p{font-size: 16px;line-height: 36px;}
.m_map_msg{position: absolute;top: -108px;left: -175px;width:400px;background:#666666;text-align: left;color: #fff;padding: 0 24px;box-sizing: border-box;display: none;z-index: 99;border-radius: 5px;}
.m_map_msg .m_map_msg_bot{padding: 5px 0;height: 58px;box-sizing: border-box;}
.m_map_msg .dsj{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -9px;}
.m_map_msg h4{line-height: 34px;border-bottom: 1px solid #fff;width: 100%;}
.m_map_msg p{line-height: 24px;font-size: 14px;}
/* .link_scroll */
.i_link{position: absolute;bottom: 50px;left: 0;right: 0;width: 1189px;margin: auto;}
.i_link_title{display: inline-block;float: left;}
.link_scroll{ width:1080px;overflow:hidden; position:relative;float: left;}
.link_scroll .bd{margin-left: 30px;}
.link_scroll .bd ul{ overflow:hidden; zoom:1; }
.link_scroll .bd ul li{ margin-right: 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.link_scroll .bd ul li .pic{ text-align:center; }
.link_scroll .bd ul li .pic img{ width:248px; height:90px; display:block;border:1px solid #ccc; }
.link_scroll .bd ul li .pic a:hover img{ border-color:#999;  }
.link_scroll .bd ul li .title{ line-height:24px;}


.section8{display:block!important;box-sizing:border-box!important;height: 158px!important;background:#444349;}
.section8_top{line-height:86px;}
.section8_top .i_inner{border-bottom: 1px solid #919093;}
.section8_link{display:inline-block;float: left;}
.section8_link a{font-size: 14px;color:#999999;display:inline-block;margin-right: 36px;}
.section8_link a:hover{color:#fff;}
.section8_icon{display:flex;float: right;line-height:86px;align-items: center;color:#999999;}
.section8_icon a{display:inline-block;width:34px;height: 34px;border-radius:50%;background:#6f6e71;position:relative;margin-left: 18px;}
.section8_icon a img{display:block;margin:6px auto;}
.section8_icon a:hover .qr_code{display:block;}
.section8_icon a .qr_code{position:absolute;left: -40px;bottom:42px;width: 114px;height: 108px;display: none;z-index: 9}
.section8_icon a .qr_code img{display:block;width:100px;height:100px;}
.section8 .fp-tableCell{display:block;position: relative;height: 100%!important;}
.section8 .copyright{color:#999999;display:inline-block;float: left;line-height: 34px;}
.section8 .copyright a{color:#999}
.section8 .i_ny_footer li span{color:#999999;}
.section8 .i_ny_footer{padding:20px 0;}

.i_shu{width: 22px;margin: auto;}
.section1 .banner{display:block;width: 100%;height: 100%;}
/* 呼吸灯 */
@-webkit-keyframes breathe {
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	
}
@keyframes breathe {
	from{ transform:translateY(0); -webkit-transform:translateY(0); }
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	
}
@media screen and (max-width:1680px){
    .i_link{bottom: 30px;}
}
@media screen and (max-width:1600px) {

    
    .project_list ul li{width: 10%;padding: 0 3.33%;height: 400px;}
    .i_section4_btn li{width: 150px;height: 150px;margin-right: 100px;}
    .i_section4_btn li a{width: 150px;height: 150px;padding-top: 45px;}
    .i_section4_btn{width: 472px;}
    .i_section4_btn li img{display: block;width: 40px;height: 40px;margin: auto;}
    .section5_top{padding-top: 120px;}
    .m_map{width: 712px;height: 524px;}
    .m_map_1{top: 212px;left: 507px}
    .m_map_2{top: 213px;left: 473px;}
    .m_map_3{top: 324px;left: 500px;}
    .m_map_4{top: 443px;left: 443px;}
    .m_map_5{top: 350px;left: 370px;}
    .m_map_6{top: 376px;left: 425px;}
    .m_map_7{top: 293px;left: 484px;}
    .js_site{right: -230px;top: 324px}
    .m_map{top: 100px;}
    .link_scroll .bd ul li .pic img{width: 180px;height: auto;}
    .i_link_title img{display: block;height: 68px;}
    .i_link{bottom: 30px;}
    
}
@media screen and (max-width:1440px) {
    .project_list ul li{height: 400px;width: 10%;padding: 0 3.33%;}
    .i_header{padding-top: 20px;}
    .i_inner{width: 95%;}
    .douban{width: 1000px;}
    .douban .bd ul li{width: 300px;}
    .i_link{width: 1000px;}
    .Seamless_three .bd ul li{width: 270px;}
    .link_scroll{width: 860px;}
    .section1 .i_banner_title h2{font-size: 50px;line-height:80px;}
    .section1 .i_banner_title p{font-size: 20px;}
    .project_list{width: 900px;}
    .section5_top{padding-top: 140px;}
    .section5_bot{width: 1000px;margin:auto;}
    .section5_bot .warp{width: 100%;}
    .Seamless_three .bd{width: 836px;overflow: hidden;}
    .m_map{width: 712px;height: 524px;}
    .m_map_1{top: 212px;left: 507px}
    .m_map_2{top: 213px;left: 473px;}
    .m_map_3{top: 324px;left: 500px;}
    .m_map_4{top: 443px;left: 443px;}
    .m_map_5{top: 350px;left: 370px;}
    .m_map_6{top: 376px;left: 425px;}
    .m_map_7{top: 293px;left: 484px;}
    .js_site{right: -230px;top: 324px}
    .m_map{top: 100px;}
    .i_slider_nav{top: 180px;}
    .section5_top .more_btn{margin-top: 56px;}
    .hint{bottom: 30px;}
    .i_banner_msg p{font-size: 20px;}
    .i_section4_btn li{width: 150px;height: 150px;margin-right: 100px;}
    .i_section4_btn li a{width: 150px;height: 150px;padding-top: 45px;}
    .i_section4_btn{width: 472px;}
    .i_section4_btn li img{display: block;width: 40px;height: 40px;margin: auto;}
    .link_scroll .bd ul li .pic img{width: 180px;height: auto;}
    .i_link_title img{display: block;height: 68px;}
    .i_link{bottom: 30px;}
    .project_list ul li a img.icon{width: 45%;}
}
@media screen and (max-width:1366px) {
    .i_slider_nav li a{line-height: 36px;}
    .i_brief h2{font-size: 38px;}
    .link_scroll{width: 890px;}
    .section1 .i_banner_title{top: 230px;}
    .i_brief{top: 25%;}
    .more_btn{bottom: 100px;}
    .project_list ul li{height: 320px;width: 10%;padding: 0 3.33%;}
    .project_list ul li a{padding-top: 20px;}
    .project_list ul li a img.icon{width: 35px;margin: 0 auto 20px;}
    .project_list ul li a span{bottom: 20px;width: 30px;height: 30px;}
    .project_list ul li a span img{width: 20px;height: 20px;}
    .i_section4_btn{width:412px;}
    .i_section4_btn li{width: 120px;height: 120px;margin-right: 100px;}
    .i_section4_btn li a{width: 120px;height: 120px;padding-top: 30px;}
    .i_section4_btn li img{display: block;width: 40px;height: 40px;margin: auto;}
    .i_brief p{line-height: 28px;}
    .section5_top{padding-top: 120px;}
    .i_brief h2{line-height: 40px;}
    .i_brief span{margin-bottom: 10px;}
    .section5_top .more_btn{margin-top: 45px;}
    .section5_bot{padding-top: 40px;}
    .slideGroup .parHd{margin: 25px auto;}
    .douban .bd ul li a{padding: 20px 40px;}
    .section6 .i_brief{padding-top: 60px;}
    .m_map{width: 544px;height: 400px;}
    .m_map_1{top: 155px;left: 383px}
    .m_map_2{top: 152px;left: 355px;}
    .m_map_3{top: 239px;left: 377px;}
    .m_map_4{top: 330px;left: 330px;}
    .m_map_5{top: 263px;left: 277px;}
    .m_map_6{top: 280px;left: 317px;}
    .m_map_7{top: 217px;left: 364px;}
    .js_site{top:auto;bottom: 0;right: -200px;}
    .js_site h3{font-size: 18px;line-height: 30px;}
    .js_site p{font-size: 14px;line-height: 28px;}
    .i_link{bottom:30px;}
    .link_scroll .bd ul li .pic img{width: 150px;height: auto;}
    .i_link_title img{display: block;height: 58px;}
}